<ion-content>
    <app-main-header [showBack]="true" [title]="''"></app-main-header>
    <div class="page-content login-page">
        <div>
            <div class="login-title">{{pageTitle}}</div>
            <div class="page-form">
              <p>
                <input class="form-input"
                       [(ngModel)]="formData.phone"
                       [pattern]="'/^([1-9]\d|[1-9])$/g'"
                       placeholder="请输入手机号码" type="text">
              </p>
                <p class="form-verification">
                    <input class="form-input verification-input" [(ngModel)]="formData.code"
                           placeholder="请输入验证码" type="text">
                  <app-send-verification-code
                          class="verification-btn"
                          [phoneNumber]="formData.phone"></app-send-verification-code>
                </p>
            </div>
            <div class="login-btn-block">
                <button class="block-btn" (click)="submitData()">{{currentType === '1' ? '登录' : '下一步'}}</button>
            </div>
        </div>
        <div class="login-footer" *ngIf="currentType === '1'">
            <div class="login-footer-title"
                 (click)="goToPage('login', '帐号登录')">帐号登录
            </div>
        </div>
    </div>
</ion-content>
